<template>
  <el-dialog title="积分结款规则" :visible.sync="dialogVisible" width="60%" center append-to-body>
    <el-button class="miui-dialog-close-btn" @click="dialogVisible = false">关闭页面</el-button>
    <div>
      <h3>积分产生规则</h3>
      <p>顾客购买镜片，镜架，隐形眼镜，太阳镜可获得积分；积分产生比例：每 20元（成交金额）累计1点积分;</p>
      <p>员工福利&成交价低于或等于零售价*60%，不产生积分；</p>
      <h3>积分抵现规则：</h3>
      <p>会员配镜（镜架/镜片/角塑）时可享每1积分抵1元现金，积分最高抵现金额为成交价*50%；</p>
      <p>购买软性隐形眼镜，积分最高抵现金额为成交价*10%；</p>
      <p>购买太阳镜，老花成镜，护理等商品，不能用积分抵现；</p>
      <p>“套餐”&“特价”等成交价低于或等于零售价*60%商品，不能用积分抵现；</p>
      <p>员工福利购买的太阳镜/镜架/镜片/隐形/角塑等商品，不能使用积分抵现；</p>
      <p>积分不得赠与他人，仅限本人及家属配镜时使用。</p>
    </div>
    <span slot="footer" class="dialog-footer">
      <el-button type="primary" @click="dialogVisible = false">确 定</el-button>
    </span>
  </el-dialog>
</template>

<script>
  export default {
    data(){
      return {
        dialogVisible: false,
      }
    },
    methods:{
      init(){
        this.dialogVisible = true
      }
    }
  }
</script>

<style scoped>
  p {
    margin: 10px 0!important;
    margin-left: 20px!important;
  }
</style>
